<template>
    <div class="upload-excel">
       <div class="btn-upload">
         <el-button :loading="loading" size="mini" type="primary" @click="handleUpload">
           点击上传
         </el-button>
       </div>
   
       <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
       <div class="drop" @drop="handleDrop" @dragover="handleDragover" @dragenter="handleDragover">
         <i class="el-icon-upload" />
         <span>将文件拖到此处</span>
       </div>
     </div>
   </template>
   <style scoped lang="scss">
   .upload-excel {
     display: flex;
     justify-content: center;
      margin-top: 100px;
      .excel-upload-input{
          display: none;
           z-index: -9999;
        }
      .btn-upload , .drop{
         border: 1px dashed #bbb;
         width: 350px;
         height: 160px;
         text-align: center;
         line-height: 160px;
      }
      .drop{
          line-height: 80px;
          color: #bbb;
         i {
           font-size: 60px;
           display: block;
         }
      }
   }
   </style>